@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body{ font-size:12px; color:#000000; font-family:微软雅黑,; background:url(../images/bg_body.jpg) no-repeat;
background-size:cover;background-attachment: fixed;
}
table{border-collapse:collapse;border-spacing:0;}
ul,ol,li{list-style:none; line-height:normal;}
a{text-decoration:none; color:#343434; }
a:hover{text-decoration:none; color:#2dba34;}
.cl{ clear:both; height:10px;}
img{ border:none;}

.mbg{width:1400px; margin: 0 auto; background:rgba(255,255,255,0.8); overflow: hidden;}
.header{width:860px; margin: 0 auto;text-align: center; padding: 50px;}
.header ul li{display: inline-block;border-right:#aeaeae 1px solid; padding:0 50px;}
.header ul li:nth-child(4){border:none;}
.header ul li span{font-size:20px; font-weight: bold; display: block; font-family:Arial Black;}
.header ul li a{color: #000; font-size: 16px;}
.header ul li a:hover{color:#2dba34;}
.on{color:#2dba34!important;}

.con{width:1300px; margin: 0 auto;}
.bl{width: 200px; padding-right:10px; float: left;}
.br{width: 190px; padding-left:10px; float: right;}
.bm{width:875px; float: left;}
.bm img{ width:100%;}
.bm1{width:870px; float: left;}
.bm1 img{ width:870px;}


.bl h3{font-size:20px; line-height: 200%;font-family:Arial Black; padding-bottom:30px;}
.bl p{ font-size:14px; line-height: 200%; width: 100px;}
.bl span{display:block; background:url(../images/tel.png) no-repeat left center; padding-left: 45px; font-size: 16px; margin-top: 150px;}
.bl a{display:block; background:url(../images/biaodan.png) no-repeat left center; padding-left: 45px; font-size: 16px; line-height: 200%; margin-top: 20px; padding-top:10px;}


.br{position: relative;height: 530px;}
.br img{position: absolute;bottom: 0; right: 0;}
.br ul li{display:block;text-align: right;}
.br ul li:nth-child(4){border:none;}
.br ul li span{font-size:20px; font-weight: bold; display: block;font-family:Arial Black;}
.br ul li a{color: #000; font-size: 16px; display: block; padding-bottom: 20px; overflow: hidden;}
.br ul li a:hover{color:#2dba34;}

.about{clear: both; padding-top: 20px;}
.atitle span{font-size: 18px; line-height: 200%; display: block; text-align: center; font-weight: 200;}
.atitle h3{ font-size:30px; display: block; text-align: center; line-height: 200%;}
.atitle p{font-size: 18px;  line-height: 200%; display: block; text-align: center; font-weight: 200;}
.atxt{width:650px; margin: 0 auto; padding-left: 60px; background:url(../images/douhao.png) no-repeat; padding-top: 50px;}
.atxt p{font-size: 18px;text-indent:2rem;font-weight: 320;}
.atxt span{font-size:22px;font-weight: bold; line-height: 500%}

.cases .ctitle{padding: 70px 0  30px;}
.cases .ctitle a{font-weight: 600;}
.ctitle{padding: 50px 0; overflow: hidden;}
.ctitle h3{ font-size:30px; float: left; line-height: 40px;padding-left: 40px;}
.ctitle h3 span{font-size:16px;}
.ctitle a{ font-size:14px; float: right;line-height: 40px;}
.clist{display:block; clear: both;}

.clist li{overflow:hidden;}


.clist li:nth-child(1){width:420px; height:420px; float: left; }
.clist li:nth-child(1) img{width:420px; height:420px;}
.clist li:nth-child(2){width:860px; height:420px; float: right;}
.clist li:nth-child(2) img{width:860px; height:420px;}
.clist li:nth-child(3){width:420px; height:860px; float: left; margin-top: 20px;}
.clist li:nth-child(3) img{width:420px; height:860px;}
.clist li:nth-child(4){width:420px; height:420px; float: left; margin-top: 20px; margin-left: 20px;}
.clist li:nth-child(4) img{width:420px; height:420px;}
.clist li:nth-child(5){width:420px; height:420px; float: left; margin-top: 20px; margin-left: 20px;}
.clist li:nth-child(5) img{width:420px; height:420px;}
.clist li:nth-child(6){width:420px; height:420px; float: left; margin-top: 20px; margin-left: 20px;}
.clist li:nth-child(6) img{width:420px; height:420px;}
.clist li:nth-child(7){width:420px; height:420px; float: left; margin-top: 20px; margin-left: 20px;}
.clist li:nth-child(7) img{width:420px; height:420px;}


.clist  li a{display: block; width:420px; height: 420px; position: relative; }
.clist  li a dl{
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;width:420px; height: 420px; background: rgba(0,0,0,0.5); position: absolute; top: 0; color: #fff; display: none; }
.clist  li a:hover dl{display: flex;}
.clist  li a dl .ccc{
    display: flex;justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.clist  li a dl .ccc .ccc-box{
    display: block;
}
.ccc{ border: 1px solid #fff; width: 378px; height: 378px; margin-top: 0px; margin-left: 0px;}
.clist  li a dl dt{ text-indent: 0px;}
.clist  li a dl dt:nth-child(1){font-size:18px; line-height: 200%;padding-top: 0px;}
.clist  li a dl dt:nth-child(2){font-size:18px;line-height: 200%}

.clist  li:nth-child(2) a dl{width:  860px; height: 420px;}
.clist  li:nth-child(2) .ccc{  border: 1px solid #fff; width: 818px; height: 378px; margin-top: 0px; margin-left: 0px;}
.clist  li:nth-child(2) .ccc dt{text-indent:0px;}

.clist  li:nth-child(3) a dl{width:  420px; height: 860px;}
.clist  li:nth-child(3) .ccc{  border: 1px solid #fff; width:378px ; height:818px ; margin-top: 0px; margin-left: 0px;}


.clist  li a dl dt:nth-child(3){font-size:14px;line-height: 200%}
.clist  li a dl dt:nth-child(4){font-size:14px;line-height: 200%}

.team{clear: both; padding-top: 50px;}
.yizhanshi{width: 1400px; margin: 0 auto; clear: both;position: relative; height: 707px; }
.yizhanshi img{width: 100%;position: absolute;}
.yizhanshi ul {position: absolute;right: 50px;bottom: 20px;}
.yizhanshi ul li{display: inline-block; padding-left: 10px;}
.yizhanshi ul li a{display: inline-block;width: 65px; height: 55px; border: 2px solid #fff; color: #fff; text-align: center; font-size: 14px; padding-top: 10px;}
.yizhanshi ul li a:hover{color:#fff; border:#2dba34 2px solid; background:#2dba34  }

.nc{width:1220px; margin:0 auto;}
.ketang{width: 1400px; margin: 0 auto; background: #fff; overflow: hidden; }

.ketang ul{width: 300px; float: left; margin-right: 160px;}
.ketang ul li img{width: 100%}
.r0{ margin-right: 0!important;}

.ketang ul li{clear: both;}
.ketang ul li h3{font-size: 18px;float: left;line-height: 40px;}
.ketang ul li h3 span{font-size: 14px; font-weight: 300; padding-left: 10px;}
.ketang ul li a{ font-size: 15px; line-height: 30px; width: 100%; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.hezuo{background: #fff; overflow: hidden;width: 1400px; margin: 0 auto;}
.footer{width: 1400px; margin: 0 auto; background: #fff; overflow: hidden; }
.footer .con{border-top:1px solid #000; margin-top: 30px; padding-top: 30px;}

.fnav li{display:inline-block; font-size: 16px; word-spacing: 26px;}
.quyu{ padding-top: 10px;}
.quyu li{display:inline-block; font-size: 14px; word-spacing: 10px; line-height: 30px;color: #7a7a7a;}
.quyu li a{color: #7a7a7a;}
.flink{ padding-top: 10px;}
.flink li{display:inline-block; font-size: 14px; word-spacing: 10px; line-height: 30px;color: #7a7a7a;}
.flink li a{color: #7a7a7a;}
.footer p{font-size: 30px; padding-top: 10px; font-weight: bold;}
.footer p span{font-size: 20px;}

.cr{ line-height: 30px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
.cr .icp{float: left; font-size: 14px; padding-top: 20px;}
.cr .icp a{ padding-right: 10px;}
.cr ul{float: right; text-align: right; font-size: 14px;}

.cdes{text-align: center; clear: both; padding: 50px 0; overflow: hidden;padding-right: 40px;}
.cdes li{display:inline-block; padding: 0 80px;}
.cdes li h3{ font-size:18px; line-height: 200%}
.cdes li span{font-size:14px; line-height: 200%}

.caselist ul li{width:420px; float: left; margin-right: 20px; margin-bottom: 20px; overflow:hidden;}
.caselist ul li a img{width: 420px; height: 280px;transition: all 0.6s;}

.caselist li a:hover img{transform: scale(1.4);}

.caselist ul li:nth-child(3n){margin-right: 0;}
.caselist ul li a{display: block; width:420px; height: 280px; position: relative; }
.caselist ul li a dl{width:420px; height: 280px; background: rgba(0,0,0,0.5); position: absolute; top: 0; color: #fff; display: none; }
.caselist ul li a:hover dl{display: block;}
.ddd{ width: 340px; border: 1px solid #fff; width: 378px; height: 238px; margin-top: 20px; margin-left: 20px;}
.caselist ul li a dl dt{ text-indent: 20px;}
.caselist ul li a dl dt:nth-child(1){font-size:18px; line-height: 200%;padding-top: 40px;}
.caselist ul li a dl dt:nth-child(2){font-size:18px;line-height: 200%}
.caselist ul li a dl dt:nth-child(3){font-size:14px;line-height: 200%}
.caselist ul li a dl dt:nth-child(4){font-size:14px;line-height: 200%}


/* 本例子css */
.slideTxtBox{ width:1300px;float: left;}
.slideTxtBox .hd{ height:100px; width: 1200px; position:relative; padding-left: 50px; }
.slideTxtBox .hd ul{  position:absolute;   }
.slideTxtBox .hd ul li{ float:left;  width: 120px; cursor:pointer; margin-right: 60px;  }
.slideTxtBox .hd ul li img{width: 100px;border-radius: 100px; height:100px; border: 10px solid #fff; }
.slideTxtBox .hd ul li.on img{border: 10px solid #2dba34; }
.slideTxtBox .bd ul{   zoom:1;  padding-top: 60px; padding-bottom: 60px; width: 1200px; float: left;overflow: hidden;}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideTxtBox .next{display: block; width: 50px; height: 440px;background:url(../images/prev.png)  no-repeat left center; float: left; cursor: pointer;}
.slideTxtBox .prev{display: block; width: 50px; height: 440px;background:url(../images/next.png)  no-repeat right center; float: right;cursor: pointer;}

.ttxt{width: 650px; float: left;height: 320px; position: relative;}
.tpic{width: 320px; float:right;}
.tpic img{ width: 320px; height:320px;}
.ttxt h4{font-size: 18px;}
.ttxt h4 span{font-weight: 300!important;}
.ttxt2{font-size: 14px; padding-top: 30px; line-height: 200%;}
.qianming{position: absolute; font-size: 18px; bottom: 0;right: 0;}
.cl{clear: both;}

/* 本例子css */
.picScroll-left{overflow:hidden; position:relative; float: left;    }

.picScroll-left .bd{ float: left; width:1200px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align: center}
.picScroll-left .bd ul li img{display: inline-block; width: 197px; height: 100px; padding:20px 20px; }
.picScroll-left .next{display: block; width: 50px; height: 432px;background:url(../images/prev.png)  no-repeat left center; float: left; margin-top: 0;cursor: pointer;}
.picScroll-left .prev{display: block; width: 50px; height: 432px;background:url(../images/next.png)  no-repeat right center; float: right;margin-top: 0;cursor: pointer;}

.footer2 h3{font-size: 18px; line-height: 200%; border-bottom: 2px #999999 solid; clear: both;}
.fnav2{clear:both;}
.fnav2 li{display:inline-block; font-size: 16px; word-spacing: 26px;}
.icp span{display: block;}
.footer2 p{font-size: 30px; padding-top: 10px; font-weight: bold;}
.footer2 p span{font-size: 20px;}

.flist {padding:20px 0; overflow: hidden; width:60%; float:left;}
.flist li{display:block; }
.flist li{font-size: 14px; line-height: 200%; background:url("../images/dian.gif")  no-repeat left center; padding-left: 20px;  }

.flist2 {padding:20px 0; overflow: hidden; width:40%; float:left;}
.flist2 li{display:block; }
.flist2 li{font-size: 14px; line-height: 200%; background:url("../images/dian.gif")  no-repeat left center; padding-left: 20px;  }

.path{line-height:35px;  overflow:hidden; font-size:14px; color:#333; border-bottom:1px  #dddddd solid;}
.path a{ color:#333;}

.page{ text-align:center; clear:both; padding-top:10px; line-height:30px;  }
.page span{ padding:3px 8px; background-color:#333; color:#fff;}
.page a{ padding:3px 8px;  color:#333;  background-color:#ccc; text-decoration:none;}
.page a:hover{ color:#fff; background-color:#333; text-decoration:none;}

.newslist{ padding:20px 0;}
.newslist li{font-size: 14px; line-height: 200%; background:url("../images/dian.gif")  no-repeat left center; padding-left: 20px;  }

.shangxia{ font-size:14px; padding-top:20px; line-height:200%;}
.shangxia span{ display:block;}

.newstitle{ font-size:18px; line-height:200%; text-align:center; padding-top:20px; }
.newstime{ display:block; text-align:center;}
.newscontent{ font-size:14px; line-height:200%; padding-top:20px;}
.newscontent1{ font-size:14px; line-height:200%; padding-top:20px;text-indent: 2em;}
.newscontent2{ font-size:14px; line-height:200%; padding-top:20px;padding:25px;}


/* 本例子css */
.picScroll-left2{ width:1300px;  overflow:hidden; position:relative;   }
.picScroll-left2 .bd{width: 1200px; float:left;  }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 380px; margin-right: 30px;  }
.picScroll-left2 .bd ul li img{width: 380px; height:240px;transition: all 0.6s;}

.picScroll-left2 .bd ul li a:hover img{ transform: scale(1.4);}

  


.picScroll-left2 .next{display: block; width: 50px; height: 240px;background:url(../images/prev.png)  no-repeat left center; float: left;cursor: pointer;}
.picScroll-left2 .prev{display: block; width: 50px; height: 240px;background:url(../images/next.png)  no-repeat right center; float: right;cursor: pointer;}

.biaodan{clear: both; padding-bottom:50px;}
.biaodan .ctitle span{font-weight:normal;}
.bcon input{display: block;width: 280px; height: 40px; border: 1px solid #000; line-height: 40px; text-indent: 10px; font-size: 14px; color: #000!important; float: left; margin-right: 24px;}
.bcon input:nth-child(4){margin-right:0;}
.bcon input::placeholder{color:#000}
.bcon span{display:block; clear: both; line-height: 50px; font-size: 14px;}
.bcon textarea{display: block;border: 1px solid #000; width: 1198px; height: 100px; }
.bcon button{display:block;width: 150px; height: 40px; background: #000000; color: #fff; line-height: 40px; text-align: center; font-size: 14p;border: none; margin-top: 20px;}

.slideBox{ width:875px; height:531px; overflow:hidden; position:relative; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:531px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.bangong{width:868px;  overflow:hidden; float: left; background:#fff; overflow:hidden; border:1px  solid #dddddd;}
.bangong1{width:868px;  overflow:hidden; float: left; background:#fff; overflow:hidden; border:1px  solid #dddddd;padding: 10px;}
.bmenu{ padding-top:10px; padding-bottom:10px; text-align:center;}
.bmenu li{display:inline-block;width:130px; text-align:center;}
.bmenu li img{display:inline-block;}
.bmenu li span{display:block; font-size:14px;}

.bmenu2{ padding-top:15px; padding-bottom:10px; text-align:center;}
.bmenu2 li{display:inline-block;width:170px; text-align:center;}
.bmenu2 li img{display:inline-block;}
.bmenu2 li span{display:block; font-size:14px;}


.slideBox2{ width:868px; height:422px; overflow:hidden; position:relative; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:868px; height:422px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -170px 5px no-repeat; filter:alpha(opacity=100);opacity:1;   }
.slideBox2 .next{ left:auto; right:3%; background-position:-50px 5px; }
.slideBox2 .prev:hover{ background:url(../images/slider-arrow.png) -110px 5px no-repeat;  } 

.slideBox2 .next:hover{
    background:url(../images/slider-arrow.png) 8px 5px no-repeat;
}
.slideBox2 .prevStop{ display:none;  }
.slideBox2 .nextStop{ display:none;  }

.slideBox3{ width:868px; height:422px; overflow:hidden; position:relative; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; }
.slideBox3 .bd img{ width:868px; height:422px; display:block;  }



/* 修改新加样式 */
.ddd{
    padding: 30px 130px;
    box-sizing: border-box;
}
.caselist ul li a dl .ddd dt:nth-child(1){
    padding-top: 0;
}
.caselist ul li a dl .ddd dt{
    text-indent: 0;
    text-wrap: nowrap;
    overflow: hidden;
}

.casepic p{
    text-indent: 2em;
    letter-spacing: 0;
}
.caselist .ctitle{
    padding: 70px 0 30px;
}
.ketang ul{
    width: 330px;
    margin-right: 115px;
}